<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="css/base.css" rel="stylesheet">
    <link href="css/content.css" rel="stylesheet">
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/main.js" type="text/javascript"></script>
</head>
<body>
<!--头部导航-->
<div class="topDiv">
    <div class="topDiv_banner">
        <div class="topLogo">
            <span style="color: white;">DES<span style="color: red;">I</span>GN</span>餐饮
        </div>
        <ul class="menu_banner">网站首页
            <li style="margin-top: 2px;"><a href="#">网站首页</a></li>
            <li><a href="#">缤纷美食</a></li>
            <li><a href="#">优惠活动</a></li>
            <li><a href="#">商品促销</a></li>
            <li><a href="#">宴会定制</a></li>
            <li><a href="#">会员中心</a></li>
            <li><a href="#">关于我们</a></li>
        </ul>
        <ul class="menu_banner">缤纷美食
            <li style="margin-top: 2px;"><a href="#">网站首页</a></li>
            <li><a href="#">缤纷美食</a></li>
            <li><a href="#">优惠活动</a></li>
            <li><a href="#">商品促销</a></li>
            <li><a href="#">宴会定制</a></li>
            <li><a href="#">会员中心</a></li>
            <li><a href="#">关于我们</a></li>
        </ul>
        <ul class="menu_banner">优惠活动
            <li style="margin-top: 2px;"><a href="#">网站首页</a></li>
            <li><a href="#">缤纷美食</a></li>
            <li><a href="#">优惠活动</a></li>
            <li><a href="#">商品促销</a></li>
            <li><a href="#">宴会定制</a></li>
            <li><a href="#">会员中心</a></li>
            <li><a href="#">关于我们</a></li>
        </ul>
        <ul class="menu_banner">商品促销
            <li style="margin-top: 2px;"><a href="#">网站首页</a></li>
            <li><a href="#">缤纷美食</a></li>
            <li><a href="#">优惠活动</a></li>
            <li><a href="#">商品促销</a></li>
            <li><a href="#">宴会定制</a></li>
            <li><a href="#">会员中心</a></li>
            <li><a href="#">关于我们</a></li>
        </ul>
        <ul class="menu_banner">宴会定制
            <li style="margin-top: 2px;"><a href="#">网站首页</a></li>
            <li><a href="#">缤纷美食</a></li>
            <li><a href="#">优惠活动</a></li>
            <li><a href="#">商品促销</a></li>
            <li><a href="#">宴会定制</a></li>
            <li><a href="#">会员中心</a></li>
            <li><a href="#">关于我们</a></li>
        </ul>
        <ul class="menu_banner">会员中心
            <li style="margin-top: 2px;"><a href="#">网站首页</a></li>
            <li><a href="#">缤纷美食</a></li>
            <li><a href="#">优惠活动</a></li>
            <li><a href="#">商品促销</a></li>
            <li><a href="#">宴会定制</a></li>
            <li><a href="#">会员中心</a></li>
            <li><a href="#">关于我们</a></li>
        </ul>
        <ul class="menu_banner">关于我们
            <li style="margin-top: 2px;"><a href="#">网站首页</a></li>
            <li><a href="#">缤纷美食</a></li>
            <li><a href="#">优惠活动</a></li>
            <li><a href="#">商品促销</a></li>
            <li><a href="#">宴会定制</a></li>
            <li><a href="#">会员中心</a></li>
            <li><a href="#">关于我们</a></li>
        </ul>
    </div>
</div>
<!--banner部分-->
<div class="bannerdiv">
    <div class="orange_bg">
        <div class="banner_tu">
            <!--左右箭头-->
            <div class="arrow" style="display: none;">
                <div id="btn_pre"><a href="#"><img src="images/btn_pre.png"></a></div>
                <div id="btn_next"><a href="#"><img src="images/btn_next.png"></a></div>
            </div>
             <!--图片-->
            <ul class="imgList">
                <li class="imgOn"> <a href="#"><img src="images/tu1.png"></a></li>
                <!--<li> <a href="#"><img src="images/01.jpg"></a></li>-->
                <!--<li> <a href="#"><img src="images/02.jpg"></a></li>-->
                <!--<li> <a href="#"><img src="images/03.jpg"></a></li>-->
                <!--<li> <a href="#"><img src="images/05.jpg"></a></li>-->
                <!--<li> <a href="#"><img src="images/06.jpg"></a></li>-->
            </ul>
            <div class="banner_zi">
                <div class="color_1">意大利田园面+土豆泥+香浓牛奶</div>
                <div class="color_2">手机APP网上订餐只需$17.9</div>
                <div class="color_3">精品超值早餐</div>
            </div>
        </div>
    </div>
    <div class="black_bg">
        <div class="banner_text">
            <span>某某<span style="color: #ff9701;">西餐</span>厅</span><br>
            <p>某某西餐厅美食，均采用自最安全的各种上等有机食材，由专业西餐厨师精心烹调而成。
                所用全部沙拉酱及配菜酱汁坚持自己秘方调制，绝对不添加任何食品增味剂，色素及味精等，
                带给您与众不同的用餐体验并确保您在杰克西餐享用的每一道菜品，都会给您留下深刻的回味印象。
                带给您与众不同的用餐体验并确保您在杰克西餐享用的每一道菜品，都会给您留下深刻的回味印象。</p>
        </div>
    </div>
</div>
<!--餐饮简介-->
<div class="introduce_banner">
    <ul>
        <li>
            <div class="yuan_bg">
                <img src="images/img1.png">
            </div>
            <div class="introduce_text">
                <span>美味甜品</span><br>
                甜品，是不能做正餐的东西，自然也不用顾忌营养或者其他一些禁锢我们口味偏好的规矩之类，
                只要好吃全部都可饮用甜品以成为点心。
            </div>
        </li>
        <li>
            <div class="yuan_bg" id="yuan_bg">
                <img src="images/img2.png" style="width: 63px;margin-left:28px;">
            </div>
            <div class="introduce_text" style="color: #c4997e;">
                <span>休闲茶饮</span><br>
                茶道，就是品赏茶的美感之道。茶道亦被视为一种烹茶饮茶的生活艺术，一种以茶为媒的生活礼仪，一种以茶修身的生活方式。
            </div>
        </li>
        <li>
            <div class="yuan_bg">
                <img src="images/img3.png" style="width: 75px;height: 53px;margin-left:24px;">
            </div>
            <div class="introduce_text">
                <span>正餐主食</span><br>
                现代英国工人阶级家庭则是当是作点心。外国人一天中都比较忙碌，所以早餐和午餐都没时间认真吃只有到了晚上才回精心准备丰盛的晚餐。
            </div>
        </li>
        <li>
            <div class="yuan_bg">
                <img src="images/img4.png" style="width: 36px;margin-left: 42px;">
            </div>
            <div class="introduce_text">
                <span>风味牛扒</span><br>
                “吃牛扒”也许是现今的都市一族大时尚，三伏之日更迷恋西式生活：泡吧，吃西餐……真真正正做着都市夜归人。牛排，可谓吃西餐的代名词。
            </div>
        </li>
    </ul>
    <hr>
</div>
<!--图片列表-->
<div class="img_banner">
    <a href="#"><img src="images/pic1.png"></a>
    <a href="#"><img src="images/pic2.png"></a>
    <a href="#"><img src="images/pic3.png"></a>
    <a href="#"><img src="images/pic4.png"></a>

    <a href="#"><img src="images/pic5.png"></a>
    <a href="#"><img src="images/pic6.png"></a>
    <a href="#"><img src="images/pic7.png"></a>
    <a href="#"><img src="images/pic8.png"></a>
</div>
<!--牛排/冰淇淋/意面-->
<div class="lists_img">
    <ul>
        <li>
            <a href="#"><img src="images/niupai.png"></a>
            <div class="lists_text">
                <div class="text_title">
                    <span style="color: #ff9701;">鲜嫩多汁</span>的烤牛排<br>
                    <span style="font-size: 12px;">06/06/2014 - 10条评论</span>
                </div>
                <div style="font-size: 14px;">
                    “吃牛扒”也许是现今的都市一族大时尚，
                    三伏之日更迷恋西式生活：泡吧，吃西餐……真真正正做着都市夜归人。牛排，可谓吃西餐的代名词。
                </div>
            </div>
            <!--查看更多-->
            <div class="read_More">
                <img src="images/fenx.png">
                <span>READ&nbsp;MORE</span>
            </div>
        </li>
        <li>
            <a href="#"><img src="images/bingqiling.png"></a>
            <div class="lists_text">
                <div class="text_title">
                    <span style="color: #ff9701;">香滑爽口</span>的冰激凌<br>
                    <span style="font-size: 12px;">06/06/2014 - 10条评论</span>
                </div>
                <div style="font-size: 14px;">
                    甜品，是不能做正餐的东西，
                    自然也不用顾忌营养或者其他一些禁锢我们口味偏好的规矩之类，只要好吃全部都可饮用甜品以成为点心。
                </div>
            </div>
            <!--查看更多-->
            <div class="read_More"style="background-color: #ff9701;color: white;">
                <img src="images/fenx.png">
                <span>READ&nbsp;MORE</span>
            </div>
        </li>
        <li>
            <a href="#"><img src="images/yimian.png"></a>
            <div class="lists_text">
                <div class="text_title">
                    <span style="color: #ff9701;">弹性劲道</span>的肉酱意面<br>
                    <span style="font-size: 12px;">06/06/2014 - 10条评论</span>
                </div>
                <div style="font-size: 14px;">
                    意大利面，又称之为意粉，是西餐品种中最接近中国人饮食习惯，
                    最容易被接受的。源由马可·波罗从中国经由西西里岛传至整个欧洲的讲法。
                </div>
            </div>
            <!--查看更多-->
            <div class="read_More">
                <img src="images/fenx.png">
                <span>READ&nbsp;MORE</span>
            </div>
        </li>
    </ul>

</div>
<!--底部透明背景-->
<div class="footerDiv_bg">
        <div class="footer_lists">
            <ul>
                <span>缤纷美食</span>
                <li>开胃菜</li>
                <li>沙拉</li>
                <li>冷盘</li>
                <li>饮料</li>
                <li>甜品</li>
                <li>汤</li>
                <li>面食</li>
            </ul>
            <ul style="width: 140px;">
                <span>优惠活动</span>
                <li>扫码送现金劵</li>
                <li>自助酒会</li>
                <li>婚宴预定送蜜月旅行</li>
                <li>智力问答</li>
            </ul>
            <ul style="width: 140px;">
                <span>商品促销</span>
                <li>马尔代夫风情披萨</li>
                <li>焦糖玛奇朵</li>
                <li>水果拼盘</li>
                <li>丹麦芝士焗饭</li>
            </ul>
            <ul>
                <span>宴会订制</span>
                <li>国宴预订</li>
                <li>婚宴预订</li>
            </ul>
            <ul>
                <span>会员中心</span>
                <li>会员登录</li>
                <li>会员注册</li>
                <li>积分换购</li>
                <li>身份认证</li>
            </ul>
            <ul>
                <span>关于我们</span>
                <li>最新资讯</li>
                <li>本店资质</li>
                <li>联系我们</li>
            </ul>
            <ul style="width: 280px;">
                <span>友情链接</span>
                <li>深圳网站建设&nbsp;&nbsp;&nbsp;深圳网站建设&nbsp;&nbsp;&nbsp;深圳网站建设</li>
                <li>深圳网站建设&nbsp;&nbsp;&nbsp;深圳网站建设&nbsp;&nbsp;&nbsp;深圳网站建设</li>
                <li>深圳网站建设&nbsp;&nbsp;&nbsp;深圳网站建设&nbsp;&nbsp;&nbsp;深圳网站建设</li>
                <li>深圳网站建设&nbsp;&nbsp;&nbsp;深圳网站建设&nbsp;&nbsp;&nbsp;深圳网站建设</li>
            </ul>
        </div>
    <div class="footer_rgb"></div>
    </div>
<!--地址-->
<div class="footerDiv_black">
  <div class="address_banner">
     <div class="address_bg" style="width: 700px;">
         <span><img src="images/dianhua.png"></span>服务热线：400-123-4567<br>
         Copyright &copy; 2011-2012  COTRAN  All Rights Reserved　深圳市某某西餐厅   粤ICP备12345678号
     </div>
      <!--图标-->
      <div class="logo_lists">
          <ul>
              <li><a href="#"><img src="images/button1.png"></a> </li>
              <li><a href="#"><img src="images/button2.png"></a> </li>
              <li><a href="#"><img src="images/button3.png"></a> </li>
              <li><a href="#"><img src="images/button4.png"></a> </li>
              <li><a href="#"><img src="images/button5.png"></a> </li>
              <li><a href="#"><img src="images/button6.png"></a> </li>
              站长统计
          </ul>
      </div>
  </div>
</div>
</body>
</html>